<template>
  <div class="panelcontent">
  <nav class="panel">
    <p class="panel-heading">
      论坛热搜
    </p>

    <a class="panel-block is-active">
    <span class="panel-icon">
      <i class="fas fa-book" aria-hidden="true"></i>
    </span>
      bulma
    </a>
    <a class="panel-block">
    <span class="panel-icon">
      <i class="fas fa-book" aria-hidden="true"></i>
    </span>
      marksheet
    </a>
    <a class="panel-block">
    <span class="panel-icon">
      <i class="fas fa-book" aria-hidden="true"></i>
    </span>
      minireset.css
    </a>
    <a class="panel-block">
    <span class="panel-icon">
      <i class="fas fa-book" aria-hidden="true"></i>
    </span>
      jgthms.github.io
    </a>
    <a class="panel-block">
    <span class="panel-icon">
      <i class="fas fa-code-branch" aria-hidden="true"></i>
    </span>
      daniellowtw/infboard
    </a>
    <a class="panel-block">
    <span class="panel-icon">
      <i class="fas fa-code-branch" aria-hidden="true"></i>
    </span>
      mojs
    </a>
    <div class="panel-block">
      <button class="button is-link is-outlined is-fullwidth">
        刷新
      </button>
    </div>
  </nav>
    </div>
</template>

<script>
export default {
  name: 'TopSearchPanel'
}
</script>

<style scoped>
.panelcontent{
  margin-left: 60px;
  max-width: 300px;
  min-width: 300px;
  min-width: 300px;
}
</style>
